<template>
	<view>
		<view class="list" v-for="(item,index) in list" :key="index" :class="{'listqr':item.type==2}"
              @click="jumpPersonage(item)">
			<view class="avatar"><image :src="item.avatar"></image></view>
			<view class="names">
				<view class="names_left">
					<view class="name">{{item.nickname}}
                        <text v-if="item.state==0">未提交</text>
                        <text class="buka" v-if="item.state==1">补卡</text>
                    </view>
					<view v-if="item.join_id > 0" class="time" >提交时间：{{item.date}}</view>
					<view v-else class="time" >提交时间：--</view>
<!--					<view class="time" v-if="ispersonage">2023-10-28 12:00</view>-->
				</view>
				<view class="names_rgiht">{{item.join_id > 0 ? 1 : 0}}/1</view>
			</view>
			<image class="rgiht_icon" src="https://txr001.zthj.net/voucher_img/rgiht_icon.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:'list',
		props:{
			list:{
				type:Array,
				default:[],
			},
			ispersonage:{
				type:Boolean,
				default:false,
			}
		},
		data() {
			return {
			
			}
		},
		onLoad() {
			
		},
		mounted() {
		   
		},
		methods: {
			//跳转详情
			jumpPersonage(row){
				if(this.ispersonage) return
				this.$emit("jumpPersonage",row)
			},
		}
	}
</script>

<style lang="less" scoped>
  .list{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  margin-bottom: 48rpx;
	  .avatar{
		  width: 64rpx;
		  height: 64rpx;
		  border-radius: 50%;
		  overflow: hidden;
		  margin-right: 16rpx;
		  image{
			  width: 100%;
			  height: 100%;
              border-radius: 50%;
			  display: block;
		  }
	  }
	  .names{
		  flex: 1;
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		  .names_left{
			 .name{
				  font-size: 28rpx;
				  font-family: PingFang SC, PingFang SC;
				  font-weight: 400;
				  color: #010101;
				  // display: flex;
				  // align-items: center;
				  line-height: 33rpx;
				  margin-bottom: 4rpx;
				  text{
				  	display: inline-block;
				  	vertical-align: middle;
				  	min-width: 72rpx;
				  	line-height: 32rpx;
				  	border-radius: 0rpx 0rpx 0rpx 0rpx;
				  	border: 2rpx solid #EC6969;
				  	text-align: center;
				  	padding: 0 6rpx;
				  	font-size: 20rpx;
				  	font-family: PingFang SC, PingFang SC;
				  	font-weight: 600;
				  	color: #EC6969;
				  	margin-left: 16rpx;
                      &.buka{
                          border-color:#bbb;
                          color:#bbb
                      }
				  }
			  }
			 .time{
				  font-size: 24rpx;
				  font-family: PingFang SC, PingFang SC;
				  font-weight: 400;
				  color: #767879;
				  line-height: 28rpx;
			  }
		  }
		  .names_rgiht{
			  font-size: 24rpx;
			  font-family: PingFang SC, PingFang SC;
			  font-weight: 400;
			  color: #BBBBBB;
			  line-height: 28rpx;
		  }
	  }
	  .rgiht_icon{
		  width: 32rpx;
		  height: 32rpx;
		  display: block;
	  }
  }
</style>